<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/gd.css">


  <title>网易云歌单</title>
</head>
<body>
    <!-- 头部 -->
    <header>
      <div class="wrap clearfix">
        <ul class="left">
          <li>
            <a href="#">
              <img src="./favicon.ico" alt=""> 网易云音乐
            </a>
          </li>
          <li><a href="#">
              <span>发现音乐</span>
            </a></li>
          <li><a href="#">
              <span>我的音乐</span>
            </a></li>
          <li><a href="#">
              <span>关注</span>
            </a></li>
          <li><a href="#">
              <span>商城</span>
            </a></li>
          <li><a href="#">
              <span>音乐人</span>
            </a></li>
          <li><a href="#">
              <span>云推歌</span>
            </a></li>
          <li><a href="#">
              <span>下载客户端</span>
            </a></li>
    
        </ul>
        <div class="right">
          <!-- 搜索框制作 -->
          <div class="search">
            <input type="text" placeholder="音乐.电台.视频.用户">
            <div class="logo"></div>
          </div>
          <!-- 创作者中心制作 -->
          <div class="create">
            <a href="#">创作者中心</a>
          </div>
          <!-- 登录制作 -->
          <div class="denglu">
            <a href="#">登录</a>
          </div>
        </div>
      </div>
      <!-- 上方导航栏制作 -->
      <div class="hd clearfix">
        <ul class="nav1">
          <a href="index.html">推荐</a>
          <a href="#">排行版</a>
          <a href="gd.html" class="red" target="_blank">歌单</a>
          <a href="#">播客有声书</a>
          <a href="gs.html">歌手</a>
          <a href="xd.html">新碟上架</a>
          </ul>
      </div>
    </header>
   <div class="z">
    <div class="w">
      <div class="sing">
        <div class="sing-hd clearfix">
          <h3>全部</h3>
          <div class="select">选择分类
            <div class="sel"></div>
            </div>
            <div class="rm">热门</div>
        </div>
        <div class="sing-bd">
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
          <a class="singone">
            <img src="./images/109951170495634319.jpg.crdownload" alt="">
            <div class="bgcbox">
              <div class="ear"></div>
              <div class="nb">4003万</div>
              <div class="bofang"></div>
            </div>
            <p>那些你熟悉却又记不起来的事情</p>
            <span>by lewow</span>
          </a>
        </div>
        <div class="sing-foot">
          <ul class="y">
            <li class="prev">< 上一页</li>
            <li class="xiared ym" data-id="1">1</li>
            <li class="ym" data-id="2">2</li>
            <li class="ym" data-id="3">3</li>
            <li class="ym" data-id="4">4</li>
            <li class="ym" data-id="5">5</li>
            <li class="ym" data-id="6">7</li>
            <li class="ym" data-id="7">8</li>
            <li data-id="8">...</li>
            <li class="ym" data-id="9">19</li>
            <li class="next">下一页  ></a></li>
          </ul>
        </div>
      </div>
    </div>
   </div>
      <!-- 底部制作 -->
      <footer>
        <div class="w">
          <div class="enter clearfix">
            <ul>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
            </ul>
          </div>
          <div class="copy">
            <div class="d1 clearfix">
              <a href="#">服务条款</a>
              <p>|</p>
              <a href="#">隐私政策</a>
              <p>|</p>
              <a href="#">儿童隐私政策</a>
              <p>|</p>
              <a href="#">版权投诉</a>
              <p>|</p>
              <a href="#">投资者关系</a>
              <p>|</p>
              <a href="#">广告合作</a>
              <p>|</p>
              <a href="#">联系我们</a>
            </div>
            <div class="d2 clearfix">
              <a href="#">廉政举报</a>
              <p>不良信息举报邮箱 51jubao@sevice.netease.com</p>
              <p>客服热线:95163298</p>
            </div>
            <div class="d3">
              互联网宗教信息服务许可证：浙(2022)0000120 增值电信业务经营许可证:浙B2-20150198 粤B2-20090191-18 浙ICP备15006616号-4 工业和信息化部备案管理系统网站
            </div>
            <div class="d4">网易公司版权所有©1997-2025杭州乐读科技有限公司运营:浙网文[2024] 0900-042号 浙公网安备 33010802013307号 算法服务公示信息</div>
          </div>
        </div>
      </footer>
  <div class="top-fh"><a href="#" class="fh">^&nbsp top</a></div>

     <script src="./js/common.js"></script>
     <script src="./js/gd.js"></script>

</body>
</html>
